<style scoped>
.bill_perBox{
    padding: 0 30px;
}

</style>
<style>
.bill_per .ivu-col{
    margin-bottom: 20px;
}
.bill_per .ivu-form-item-label{
    text-align: center !important;
    padding-right: 0;
}
</style>
<template>
    <div>
        <product-title></product-title>
        <div class="bill_perBox">
            <Form ref="formItem" :model="formItem" class="form bill_per" :label-width="70">
                <Row>
                    <i-col :md="24" :lg="6">
                        <FormItem label="查询">
                            <i-input></i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="6">
                        <FormItem label="年份">
                            <i-select>
                                <Option>2018</Option>
                                <Option>2017</Option>
                            </i-select>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="6">
                        <FormItem label="月份">
                            <i-select>
                                <Option>1月</Option>
                                <Option>2月</Option>
                            </i-select>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="6">
                        <FormItem label="出单员">
                            <i-select>
                                <Option>1月</Option>
                                <Option>2月</Option>
                            </i-select>
                        </FormItem>
                    </i-col>
                </Row>
                <Row>
                    <i-col :md="24" :lg="11">
                        <FormItem label="保险公司">
                            <i-select>
                                <Option>1月</Option>
                                <Option>2月</Option>
                            </i-select>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="7">
                        <FormItem label="机构名称">
                            <i-select>
                                <Option>1月</Option>
                                <Option>2月</Option>
                            </i-select>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="6">
                        <FormItem label="渠道来源">
                            <i-select>
                                <Option>1月</Option>
                                <Option>2月</Option>
                            </i-select>
                        </FormItem>
                    </i-col>
                </Row>
                <Row>
                    <i-col span="5" offset="19" style="text-align: right">
                        <i-button>搜索</i-button>
                        <i-button>导出统计</i-button>
                        <i-button>导出明细</i-button>
                    </i-col>
                </Row>
            </Form>
            <Table :data="data"></Table>
        </div>
    </div>
</template>

<script>
    import productTitle from '../../components/productTitle.vue'
    export default {
        data(){
            return {
                tableHead:[
                    {
                        title:'出单员',
                        key:'',
                    },
                    {
                        title:'总单量',
                        key:'',
                    },
                    {
                        title:'商业单',
                        key:'',
                    },
                    {
                        title:'交强单',
                        key:'',
                    },
                    {
                        title:'总保费',
                        key:'',
                    },
                    {
                        title:'商业保费',
                        key:'',
                    },
                    {
                        title:'交强保费',
                        key:'',
                    },
                    {
                        title:'总车船税',
                        key:'',
                    },
                ],
                data:[],
            }
        },
        components:{
            productTitle
        }
    }
</script>




